約 5,042,044 件
https://w.atwiki.jp/lngawnd/pages/31.html
W3Cの勧告には、HTML4とXHTMLとの相違点として以下の10項目が挙げられています。 文書は整形式でなければならない 要素名及び属性名は小文字でなければならない 非空要素には終了タグが必要である 属性値は常に引用符で括られなければならない 属性の省略化はしてはならない meta、hr、br、img などは、空要素として書く 属性値内での改行を含む複数の空白は1つと見なす スクリプトおよびスタイル要素の定義が異なる 要素の入れ子などSGMLの排除機能を再現できない ‘id’および‘name’属性をもつ要素は、‘id’属性を使用する どこを書き換えればよいかという質問に回答するのはとても難しいので、上記の相違点を含んだ例を以下に示します。詳細に関しては、W3C勧告の「HTML互換性ガイドライン」を参照してください。 HTML.html (上記の10項目を抜き出したHTMLファイル) XHTML.html (同じ内容をXHTMLで書き直したもの) 実際の例で、HTMLとXHTMLの違いを見てみましょう。上記のHTMLとXHTMLの文書を、先頭から1行ずつ比較し、その違いを表にしてみました。 HTML.html XHTML.html ?xml version="1.0" encoding="UTF-16"? XHTMLでは、XML宣言が必要 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http //www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" XHTMLでは、参照するDTD(文書宣言)が異なる HTML html xmlns="http //www.w3.org/1999/xhtml" xml lang="jp" lang="jp" XHTMLでは、html名前空間を指定 HEAD head 要素名は小文字に統一 META HTTP-EQUIV=Content-Type CONTENT="text/html; charset=UTF-16" meta http-equiv="Content-Type" content="text/html;charset=UTF-16" / 属性を必ず引用符で囲む TITLE HTML4との相違点 /TITLE HR title HTML4との相違点 /title hr / HR は空要素として記述。ただし、下位互換性のために"/"の前に空白を入れる OL LI 文書は b u 整形式 /b でなければならない /u ol li 文書は u b 整形式 /b でなければならない /u /li XHTML文書は整形式でなければならず、開始タグと終了タグが入れ子になってはならない LI 要素名及び属性名は小文字でなければならない LI 非空要素には終了タグが必要である li 要素名及び属性名は小文字でなければならない /li li 非空要素には終了タグが必要である /li /li のように必ず終了タグが必要 LI 属性値は常に引用符で括られなければならない LI 属性の省略化はしてはならない LI meta, hr, br, img などは、空要素として書く LI 属性値内での改行を含む複数の空白は1つと見なす LI スクリプト及びスタイル要素の定義が異なる LI 要素の入れ子などSGMLの排除機能を再現できない LI id 及び name 属性をもつ要素は id 属性を使用する /OL BR 参考 BR A HREF="http //www.w3.org/TR/2000/REC-xhtml1-20000126/" XHTML(TM) 1.0 The Extensible HyperText Markup Language - A Reformulation of HTML 4 in XML 1.0 /BODY /HTML li 属性値は常に引用符で括られなければならない /li li 属性の省略化はしてはならない /li li meta, hr, br, img などは、空要素として書く /li li 属性値内での改行を含む複数の空白は1つと見なす /li li スクリプト及びスタイル要素の定義が異なる /li li 要素の入れ子などSGMLの排除機能を再現できない /li li id 及び name 属性をもつ要素は id 属性を使用する /li /ol br / 参考 br / a HREF="http //www.w3.org/TR/2000/REC-xhtml1-20000126/" XHTML(TM) 1.0 The Extensible HyperText Markup Language - A Reformulation of HTML 4 in XML 1.0 /a /body /html 最も大きい違いは、タグが小文字になること、 BR HR といったタグが、空要素になることなどでしょう。 HTMLとXHTMLの違いはどこにある? - @IT http //www.atmarkit.co.jp/fxml/askxmlexpert/022xhtml/22xhtml.html
https://w.atwiki.jp/unkyoku/pages/50.html
« » var ppvArray_0_be607a63bda45d2a880ba7488f9e1226 = new Array(); ppvArray_0_be607a63bda45d2a880ba7488f9e1226[0] = http //w.atwiki.jp/unkyoku/?cmd=upload&act=open&page=080528.html&file=3.JPG ; ppvArray_0_be607a63bda45d2a880ba7488f9e1226[1] = http //w.atwiki.jp/unkyoku/?cmd=upload&act=open&page=080528.html&file=2.JPG ; ppvArray_0_be607a63bda45d2a880ba7488f9e1226[2] = http //w.atwiki.jp/unkyoku/?cmd=upload&act=open&page=080528.html&file=1.JPG ; window.onload=function(){ ppvShow_0_be607a63bda45d2a880ba7488f9e1226(0); }; function ppvShow_0_be607a63bda45d2a880ba7488f9e1226(n){ if(!ppvArray_0_be607a63bda45d2a880ba7488f9e1226[n]){ alert( 画像がありません ); return; } ppv_0_be607a63bda45d2a880ba7488f9e1226$( ppv_img_0_be607a63bda45d2a880ba7488f9e1226 ).src=ppvArray_0_be607a63bda45d2a880ba7488f9e1226[n]; ppv_0_be607a63bda45d2a880ba7488f9e1226$( ppv_link_0_be607a63bda45d2a880ba7488f9e1226 ).href=ppvArray_0_be607a63bda45d2a880ba7488f9e1226[n]; ppv_0_be607a63bda45d2a880ba7488f9e1226$( ppv_prev_0_be607a63bda45d2a880ba7488f9e1226 ).href= javascript ppvShow_0_be607a63bda45d2a880ba7488f9e1226( +(n-1)+ ) ; ppv_0_be607a63bda45d2a880ba7488f9e1226$( ppv_next_0_be607a63bda45d2a880ba7488f9e1226 ).href= javascript ppvShow_0_be607a63bda45d2a880ba7488f9e1226( +(n+1)+ ) ; } function ppv_0_be607a63bda45d2a880ba7488f9e1226$(){ var elements = new Array(); for (var i = 0; i arguments.length; i++){ var element = arguments[i]; if (typeof element == string ) element = document.getElementById(element); if (arguments.length == 1) return element; elements.push(element); } return elements; }
https://w.atwiki.jp/designmemo/pages/17.html
html/xhtml
https://w.atwiki.jp/testlink/pages/64.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" xml lang="jp" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta http-equiv="expires" content="-1" / meta http-equiv="pragma" content="no-cache" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "../../{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style /head body div class="workBack" body h1 テスト計画へテストケースを追加 /h1 h2 目的: /h2 p リーダー権限を持つユーザは、テストケースをテスト計画へ追加できます。 /p h2 テストケースの追加: /h2 ol li テストスイートをクリックし、全て、または1つのテストケースを表示します。 /li li あなたが追加を完了したい時、"テストケース追加"ボタンをクリックし、テストケースをインポートして下さい。 注意:同じテストケースを複数回追加することは出来ません。 /li li あなたはキーワードにより、フィルタを使用することも出来ます。 /li /ol /div /body /html
https://w.atwiki.jp/jiyuujin/pages/37.html
html5機能 (1) ファイルのキャッシュ機能「Application Cache」 Webブラウザのキャッシュ機能とは別に、Webサイト側で 指定したファイルを明示的にキャッシュする → サーバーとの通信ができない状況でもWebページを閲覧することが可能になる。 モバイル環境で利用するWebアプリケーションでは有効になる。 (2) WebブラウザにDBを持たせる機能、「Web Storage」や IndexedDB」と呼ばれる機能、JavaScriptを使って データを保存したり、引き出したりできる → 業務システムで使うマスターデータや画像ファイルなどを保存しておけば、 サーバーにアクセスしなくてもWebブラウザの画面上に必要なデータを表示できる (3) その他の機能 ・高速な双方向通信を実現する「WebSocket」 ・端末の位置情報データを扱う「Geolocation API」 (4) HTML5を扱うために ・HTMLのタグ ・JavaScript → サーバー側のアプリケーションを開発する技術だけでなく、 HTMLやJavaScriptにもある程度明るくないと厳しい (HTMLとCSS3の組み合わせが、Flashと比べ劣らなくなった) 従来のhtmlとどう違う? 1.動画や音声、グラフィックの描画が可能になる動画を用いたい → video要素を用いる video width="640" height="360" preload="auto" poster="hoge.png" controls autoplay // WebM形式の動画 source src="hoge.webm" type= video/webm; codecs="vp8, vorbis" // ogv形式の動画 source src="hoge.ogv" type= video/ogg; codecs="theora, vorbis" // mp4形式の動画 source src="hoge.mp4" type= video/mp4; codecs="avc1.42E01E, mp4a.40.2" // video要素に非対応 p 動画を再生できません。 a href="hoge.html" 推奨環境はこちらから。 /a /p /video 音声を持ちたい → audio要素を用いる audio controls loop // ogg形式の音声 source src="hoge.ogg" // wav形式の音声 source src="hoge.wav" // mp3形式の音声 source src="hoge.mp3" // audio要素に非対応 p 音声を再生できません。 a href="hoge.html" 推奨環境はこちらから。 /a /p /audio グラフィックの描画 → canvas要素を用いる canvas id="canvas" width="640" height="360" /canvas script //描画コンテキストを取得 var canvas = document.getElementById( canvas ); if(canvas.getContext){ var context = canvas.getContext( 2d ); // 赤色で塗りつぶす context.fillStyle = rgb(255,0,0) ; // 左から20上から30の位置に、横幅64・高さ32の四角形を描く context.fillRect(20,30,64,36); } /script 位置情報を取得したいgeolocationをJavaScriptで用いる script window.addEventListener( load . function () { //geolocationが用いる事が出来るか判定 if(navigator.geolocation){ //現在地を定期的に監視する navigator.geolocation.watchPosition(update); } }, false); // 位置が?検出されたら緯度、経度を表示 function update(position){ // 緯度を取得 var lat = position.coords.latitude; // 経度を取得 var lng = position.coords.longitude; //経度・経度を書き出し document.write( 緯度: +lat+ 経度: +lng); } /script 大量のデータをクライアント側で保持したいLocalStorageをJavascrptで用いる script // localStorageに値を格納 localStorage.key = 保存したい値 ; // localStorageから値を取得 var hoge = localStorage.key; //「保存したい値」を書き出し document.write(hoge); /script
https://w.atwiki.jp/testlink/pages/43.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Help Results and Metrics /title link rel="stylesheet" type="text/css" href="{$basehref}{$smarty.const.TL_THEME_CSS_DIR}tl_docs.css" / /head body h1 テスト結果とメトリクス /h1 {include file="nav.tpl"} h2 スコープ /h2 p テスト結果の情報について表示します。 /p h2 有効なメトリクス /h2 h2 すべてのビルドについてプロジェクトステータスを表示します。 /h2 p このページでは、すべてのビルドに関するプロジェクトのステータスを表示します。 br / 例えば、テストケースがビルド1では成功して、次のビルド2では失敗した場合には、このページではそのテストケースは失敗として表示されます。 /p h3 ビルドステータス表示(個別) /h3 p このページでは選択されたビルド毎にテストの結果を表示します。 /p h3 ビルドステータス表示(全体) /h3 p このページでは選択されたビルトについてプロジェクトの全体のステータスを表示します。 /p h3 メトリッククエリー /h3 p ビルド、オーナー、キーワード、最終結果にもとづいて情報を表示します。 /p h3 テストケース別のステータス表示 /h3 p このページでは個々のテスト及びビルドに対するテスト結果を表示します。 /p h3 ブロックされたテストケース /h3 p このページでは現在ブロックされているテストケースのロールアップを表示します。ロールアップについては以下の例を参考にしてください。 br / 例1 ビルド1では成功したてストケースがビルド2ではブロックされた場合に表示されます。 br / 例2 ビルド1でブロックされたテストケースがビルド2では成功した場合には表示されません。 /p h3 失敗したテストケース /h3 p このページはブロックされたテストケースと同様ですが、失敗したテストケースについて表示されます。 /p h3 個別テストケースにおけるバグ /h3 p このページではプロジェクトにひもづくすべてのテストケースおよびすべてのバグについて表示します。 /p h3 テスト計画をEmailで送信 /h3 p このページでは、ユーザーがプロジェクト全体もしくは特定のビルドについてEmailで情報を送信できます。 /p /body /html
https://w.atwiki.jp/testlink/pages/53.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Help Product /title link rel="stylesheet" type="text/css" href="../../{$smarty.const.TL_THEME_CSS_DIR}tl_docs.css" / /head body h1 プロダクト /h1 div id="menu" a href="javascript window.close();" class="tlButton" Close /a a href="javascript history.back();" class="tlButton" Back /a a href= "content.html" class="tlButton" Content /a /div h2 スコープ /h2 p これはデータ部のメイン部分になります。右上かどのメニューでプロダクトを選択してください。 /p h2 機能 /h2 h3 テスト仕様 /h3 p このセクションはユーザがコンポーネント、カテゴリーやテストケースを作成、編集消去するところです。また、すべてのテストケースを検索することができるページもあります。 br / 正しい権限があれば、たとえば、外部からインポートされたCVSのリストなどであらわされるようなテストケースやカテゴリの順番も変更することができます。 /p h3 キーワード /h3 p TestLink はコンポーネント、カテゴリーやユーザ定義のキーワードによって、テストケースをフィルタリングすることができます. キーワード管理セクションは権限をもっていればキーワードを追加、編集および消去することができます。 br / i 注意 キーワードは、バッチキーワードアサインページと同じように、このキーワード管理セクションでアサインできます。 /i /p h3 プロダクトマネージメント /h3 p プロダクトマネージメントセクションは主に管理をするところです。ユーザーに対して、プロダクトの作成や編集の許可を与えます。それぞれのプロダクトは個別のセッティングと機能を持たせることができます。 /p /body /html
https://w.atwiki.jp/ibibi/pages/29.html
HTML meta http-equiv="Content-type" content="text/html; charset=UTF-8" head title 音声印象評定アンケート /title /head BODY H1 音声印象評定アンケート トップページ /H1 H3 早稲田大学 人間科学部 菊池英明研究室 福田節 /H3 HR アンケートに御協力いただきありがとうございます。 BR これから、一人の話者による、さまざまな表現で発話された音声をお聴きいただきます。 BR その音声を聴いて感じた印象をそれぞれの項目ごとに7段階で評価して下さい。 BR その際、あまりじっくり考えず、最初に感じたものをお答え下さい。 BR なお、お答えいただいた内容は全て統計的に処理され、個人に関わるデータは公表されることはあ\ りません。 BR HR BR FORM NAME='form' METHOD='POST' ACTION='question.cgi' あなたのお名前を入力してください: BR INPUT TYPE='text' NAME='name' VALUE='' SIZE='30' BR BR INPUT TYPE='text' NAME='number' VALUE='1' SIZE='3' 番から回答 BR BR INPUT TYPE='hidden' NAME='word' VALUE='' INPUT TYPE='hidden' NAME='firstChecker' VALUE='1' INPUT TYPE='hidden' NAME='Q1' VALUE='' INPUT TYPE='hidden' NAME='Q2' VALUE='' INPUT TYPE='submit' NAME='submit' VALUE='アンケート回答を始める' BR /FORM /FORM /BODY /HTML
https://w.atwiki.jp/yasrun/pages/181.html
ローカル画像をアップロードせずにcanvasに取り込み 以下を参考に作成。 html5の File API を使って、アップロード無しで画像プレビュー - 超自己満足プログラミング canvasにローカルの画像ファイルを描画するには - 技術めも 動作確認は次の環境で実施。 OSWindows XP SP3 (サーバ・クライアント共に) サーバApache HTTPD 2.2.22 ブラウザMozilla FireFox 20.0.1 / Google Chrome 26.0 !DOCTYPE html html head meta charset="utf-8" script type="text/javascript" src="http //ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" /script script type="text/javascript" !-- function preview(ele) { if (!ele.files.length) return; // ファイル未選択 var file = ele.files[0]; if (!/^image\/(png|jpeg|gif)$/.test(file.type)) return; // typeプロパティでMIMEタイプを参照 // CANVAS取得 var canvas = $("#c1"); var ctx = canvas[0].getContext("2d"); var img = document.createElement( img ); var fr = new FileReader(); fr.onload = function() { img.src = fr.result; // 読み込んだ画像データをsrcにセット } img.onload = function() { ctx.drawImage(img, 0, 0); // 読み込んだ画像データをcanvasに描画 } fr.readAsDataURL(file); // 画像読み込み } //-- /script /head body form input type="file" name="file" onchange="preview(this)" size="80"/ br/ canvas id="c1" width="640" height="480" style="border dotted;"/ /form /body /html
https://w.atwiki.jp/testlink/pages/32.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" xml lang="jp" lang="jp" head meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta http-equiv="expires" content="-1" / meta http-equiv="pragma" content="no-cache" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Instructions /title style media="all" type="text/css" @import "../../{$smarty.const.TL_THEME_CSS_DIR}testlink.css"; /style /head body div class="workBack" h1 テストケースを要件に割り当てる /h1 h2 目的 /h2 p ここでの要点は、要件とテストケースの関連付けにあります。テスト設計者は0 nと0 nなどの関連付けを定義することができます。すなわち、要件は複数のテストケースに関連付けたり、関連付けないことが可能です。テストケースも複数の要件に関連付けたり、関連付けないことが可能です。 /p h2 やってみましょう! /h2 ol li 左ブロックのツリー構造からテストケースを選択してください。 要件仕様書リストのコンボボックスがワークエリアの上部に表示されます。 /li li 要件仕様を選択してください。 TestLink は自動でページの再読み込みを行います。 /li li ワークエリアの中央のブロックに選択した仕様書より、テストケースと関係付けられたすべての要件がリストされます。 下のブロックには現在のテストケースと関連付けられていないすべての要件の中から「使用可能な要件」がリストされます。 このテストケースを選択し、「割り当て」ボタンをクリックすることにより、テスト設計者は要件に印をつけることができます。 新規に割り当てされたテストケースは中央のブロックの「割り当てられた要件」に表示されます。 /li /ol /div /body /html